﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
    <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
    <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>

    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-3.2.1.js"></script>

    <title>Index2</title>
</head>
<body id="example1">
  
    <script type="text/babel">
        var model=[{Name:'gong',Age:1}];




        ReactDOM.render(
        <div className="container">
           {
            model.map(x=>{
            return <div className="row">{x.Name}
            <input value="{x.Age}"/>
            <a></a>
            </div>  
            })
            }
        </div>,  document.getElementById('example1')
        ); 
    </script>
</body>
</html>
